<div [ngStyle]="tagData.cssStyle | styleFilter">
  <ng-container *ngIf="tagData.listData">
    <ng-container *ngFor="let listItem of tagData.listData">
      <div class="header-bg">
        <div class="head-item" *ngFor="let item of listItem.headData ,let i = index" [ngStyle]="item.cssStyle | styleFilter">
          <p class="label">{{item.label}}</p>
          <p class="value" [ngStyle]="item.valueCssStyle | styleFilter"><span *ngIf="item.unit" class="unit">{{item.unit}}</span>{{item.value}}</p>
        </div>
      </div>
    
      <div class="list-bg" *ngFor="let item of listItem.data" [ngStyle]="item.cssStyle | styleFilter" appDebounceClick (debounceClick)="detailClick(item.link)">
        <div class="list-item" *ngFor="let it of item.items" [ngStyle]="it.cssStyle | styleFilter">
          <p class="list-label" [ngClass]="{'zero': it.label === '0'}">{{it.label}}</p>
          
        </div>
        <div class="list-item-img"  >
          <img *ngIf="item.items.length > 0 && item.link"style="width: 0.37rem; height: 0.68rem;" src="assets/icon/details_icon_more@3x.png" alt="">
        </div>
        
      </div>
    </ng-container>
    
  </ng-container>
  
  <ng-container *ngIf="tagData.headData && tagData.data">
    <div class="header-bg">
      <div class="head-item" *ngFor="let item of tagData.headData ,let i = index" [ngStyle]="item.cssStyle | styleFilter">
        <p class="label">{{item.label}}</p>
        <p class="value" [ngStyle]="item.valueCssStyle | styleFilter"><span *ngIf="item.unit" class="unit">{{item.unit}}</span>{{item.value}}</p>
      </div>
    </div>
  
    <div class="list-bg" *ngFor="let item of tagData.data" [ngStyle]="item.cssStyle | styleFilter" appDebounceClick (debounceClick)="detailClick(item.link)">
      <div class="list-item" *ngFor="let it of item.items" [ngStyle]="it.cssStyle | styleFilter">
        <p class="list-label" [ngClass]="{'zero': it.label === '0'}">{{it.label}}</p>
        
      </div>
      <div class="list-item-img" *ngIf="item.items.length > 0 && item.link">
        <img  *ngIf="item.items.length > 0 && item.link" style="width: 0.37rem; height: 0.68rem;" src="assets/icon/details_icon_more@3x.png" alt="">
      </div>
      
    </div>
    
  </ng-container>

  
</div>